<!Doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="stylesheets/mui.css" rel="stylesheet" />
		<style type="text/css">
			.mui-content{
				background: linear-gradient(to bottom,#50AABE,pink);
			}
			#login{
				padding-top: 200px;
				width: 265px;
				margin-left: 60px;
			}
			#username{
				border: solid #999999 1px;
				background: none transparent scroll repeat 0% 0%;
			}
			#userpwd{
				border: solid #999999 1px;
				background: none transparent scroll repeat 0% 0%;
			}
			#btn{
				width: 100%;
				height: 60px;
				border-radius: 30px;
				font-size: 20px;
			}
			.img{
				width: 50px;
				height: 50px;
				margin-left: 55px;
				margin-top: 20px;
			}
			#border_left{
				border-style: solid none none none;
				border-width: 1px;
				border-color: #999999;
				margin: 0 10px 0 10px;
				text-align: center;
			}

			#otherlogin{
				margin-top: 200px;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<a href="/RegisterPhone" style="float: right;padding-top: 20px;color:orange;">手机快速注册</a>
			<form action="/login" method="post" id="login">
				<input type="text" id="username" name="username" placeholder="用户名/邮箱/手机号" />
				</br>
				</br>
				</br>
				<div class="mui-input-row">
					<input type="password" id="userpwd" name="userpwd" class="mui-input-password" placeholder="登录密码"/>
				</div>
				</br>
				</br>
				<button type="submit" class="mui-btn mui-btn-blue" id="btn">登录</button>
				</br>
				</br>
				<span style="margin-left: 100px;"><a href="/RePassworld">忘记密码</a></span>
			</form>
			<div id="otherlogin">
				<fieldset id="border_left">
					<legend style="color: #999999;">第三方登录</legend>
				</fieldset>
				<div class="mui-row">
					<div class="mui-col-sm-4">
						<a href="#"><img alt="" src="images/wechat.png" class="img"></a>
					</div>
					<div class="mui-col-sm-4">
						<a href="#"><img alt="" src="images/qq.png" class="img"></a>
					</div>
					<div class="mui-col-sm-4">
						<a href="#"><img alt="" src="images/weibo.png" class="img"></a>
					</div>
				</div>
			</div>
		</div>
		<script src="javascripts/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>
